<template>
	<view class="pages-mine" v-if="isLoad">
		<!-- #ifndef H5 -->
		<!-- <uni-nav-bar :fixed="true" :shadow="false" :statusBar="true" :title="userPageType == 1?'我的':''" color="#ffffff"
			:backgroundColor="primaryColor" v-if="userPageType == 1">
		</uni-nav-bar> -->
		<!-- <view :style="{height:`${configInfo.navBarHeight}px`}" v-if="userPageType == 1"></view> -->
		<!-- #endif -->
		<image mode="aspectFill" lazy-load class="mine-bg abs" :src="configInfo[image_type[userPageType]]"
			v-if="userPageType == 1"></image>
		<!-- 我的余额 -->
		<auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true"
			:type="!userInfo.phone ? 'phone' : 'userInfo'" v-if="configInfo.recharge_status">
			<view style="padding: 30rpx 30rpx 0 30rpx;">
				<view
					style="background-image: url('https://wx.caobenjiankang.com/wximg/balance.png');background-repeat: no-repeat;background-size: 100% 100%;border-radius: 36rpx;position: relative;">
					<view style="padding: 30rpx;">
						<view class=""
							:class="[{ 'flex-warp':userInfo && userInfo.nickName }, { 'flex-center': !userInfo || (userInfo && !userInfo.nickName) } ]"
							style="margin-bottom: 16rpx;">
							<auth :needAuth="true" :must="true" :haveGo="false" class="avatar_view"
								style="width:120rpx">
								<view class="avatar_view">
									<image mode="aspectFill" class="avatar radius"
										:src="userInfo.avatarUrl || `https://wx.caobenjiankang.com/static/mine/default_user.png`">
									</image>
								</view>
							</auth>
							<auth :needAuth="true" :must="true" :haveGo="false" class="flex-1"
								v-if="!userInfo || (userInfo && !userInfo.nickName)">
								<view class="f-md-title text-bold ml-md"
									:style="{color:configInfo[font_type[userPageType]]}">
									立即登录
								</view>
							</auth>
							<view class="flex-1 ml-md mt-sm rel" :style="{color:configInfo[font_type[userPageType]]}"
								v-else>
								<view class="flex-between" style="height: 68rpx;margin-top: 24rpx;">
									<view class="flex-warp rel" @click="to('/pages/mine','')">
										<image mode="aspectFill" class="flex-center vip"
											src="https://wx.caobenjiankang.com/wximg/vip.png">
										</image>
										<view class="flex-center f-title c-vip ml-sm">尊享{{mineInfo.label}}</view>
									</view>
									<view class="font20"
										style="border-radius: 50000000rpx;margin-right: 20rpx;background: rgba(255, 255, 255, 0.5);padding: 8rpx 20rpx;display: inline-block;"
										@click="qr_show = true">
										我的二维码
									</view>
								</view>
								<auth :needAuth="true" :must="true" :haveGo="false">
									<view class="flex-y-center f-title text-bold">
										<view class="max-300 ellipsis" style="color: #fff;">
											{{ userInfo.nickName || '默认用户' }}
										</view>
									</view>
								</auth>
							</view>

							<view @tap.stop="$util.goUrl({url:`/user/pages/setting`})" class="notice-item"
								style="position: absolute;top: 30rpx;right: 30rpx;">
								<i class="iconfont icon-xitong text-bold"></i>
							</view>
						</view>
						<view class="" style="display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 16rpx;">
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_shareholder == 1"
								@tap.stop="toChanges('5')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								股东
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_bys == 1"
								@tap.stop="toChanges('2')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								保养师
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_channel == 1"
								@tap.stop="toChanges('6')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								渠道商
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_doctor == 1"
								@tap.stop="toChanges('8')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								医生
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_dietitian == 1"
								@tap.stop="toChanges('9')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								营养师
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_finance == 1"
								@tap.stop="toChanges('4')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								财务
							</view>
							<view class="member-tag flex-center pl-md pr-md radius" v-if="mineInfo.is_store == 1"
								@tap.stop="toChanges('3')">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								店长
							</view>
							<!-- <view class="member-tag flex-center pl-md pr-md radius"
								v-if="mineInfo.is_store == 0 && mineInfo.is_finance == 0 && mineInfo.is_dietitian == 0 && mineInfo.is_doctor == 0 && mineInfo.is_channel == 0 && mineInfo.is_bys == 0 && mineInfo.is_shareholder == 0">
								<i class="iconfont iconhuiyuanka mr-sm"></i>
								稀客
							</view> -->
						</view>
					</view>
					<view class="radius-16 rel" style="padding: 0 30rpx 30rpx 30rpx;">
						<!-- <image mode="aspectFill" class="vip-img" src="https://wx.caobenjiankang.com/wximg/balance.png"></image> -->

						<view class="flex-between rel">
							<view style="display: flex;align-items: ;"
								@click="$util.toCheckLogin({url:`/user/pages/stored/consume`})">
								<view class="f-sm-title c-vip">账户余额:</view>
								<view class="f-sm-title c-vip" style="margin-left: 8rpx;">
									￥{{ mineInfo.balance || '0.00' }}</view>
							</view>
							<view
								style="background-color: rgb(243, 204, 161); width: 180rpx; height: 60rpx; border-radius: 13px; position: relative;">
								<view class="flex-center vip-base f-sm-title"
									@click="$util.toCheckLogin({url:`/user/pages/stored/list`})">立即充值</view>
								<!-- <image mode="aspectFill" class="flex-center vip-fx"
									src="https://wx.caobenjiankang.com/static/mine/fx.png">
								</image> -->
							</view>
						</view>
					</view>
				</view>
			</view>
		</auth>


		<!-- <view class="mine-menu-list box-shadow fill-base radius-16" style="margin: 15px;" v-if="userPageType == 1 && (mineInfo.is_bys == 1 || mineInfo.is_store == 1 || mineInfo.is_shareholder == 1 || mineInfo.is_finance == 1 || mineInfo.is_channel == 1 || mineInfo.is_doctor == 1 || mineInfo.is_dietitian == 1)">
			<view class="menu-title flex-between pl-lg pr-md b-1px-b">
				<view class="f-st-title c-title text-bold">
					身份管理
				</view>
			</view>
			<view class="flex-warp pb-sm pt-lg pb-lg">
				<view @tap.stop="toChanges('2')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0"
					v-if="mineInfo.is_bys == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换保养师端</view>
				</view>
				<view @tap.stop="toChanges('3')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_store == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换店长端</view>
				</view>
				<view @tap.stop="toChanges('5')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_shareholder == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换股东端</view>
				</view>
				<view @tap.stop="toChanges('4')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_finance == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换财务端</view>
				</view>
				<view @tap.stop="toChanges('6')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_channel == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换渠道端</view>
				</view>
				<view @tap.stop="toChanges('8')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_doctor == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换医生端</view>
				</view>
				<view @tap.stop="toChanges('9')" class="item-child flex-center flex-column f-caption c-title"
					style="width: 25%;margin:20rpx 0 20rpx 0" v-if="mineInfo.is_dietitian == 1">
					<image mode="aspectFill" class="mine-img radius"
						src="https://wx.caobenjiankang.com/static/mine/qiehuan.png">
					</image>
					<view class="mt-sm">切换营养师端</view>
				</view>
			</view>
		</view> -->

		<!-- 用户 -->
		<!-- coach_status 1申请中，2已通过，3已取消授权，4已拒绝 -->
		<block v-if="userPageType == 1">
			<!-- 我的卡券/我的收藏 -->
			<auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true"
				:type="!userInfo.phone ? 'phone' : 'userInfo'" v-if="configInfo.recharge_status">
				<view class="share-list flex-between mt-md">
					<view @click="$util.toCheckLogin({ url: `/zxcadd/about/collect` })"
						class="flex-between ml-lg mr-sm pt-lg pb-lg pl-lg pr-sm fill-base f-caption c-desc box-shadow radius-16"
						style="width: 50%">
						<view class="share-list flex-between" style="width: 32%">
							<view class="item-icon rel flex-center">
								<image mode="aspectFill" class="flex-center column-img"
									src="https://wx.caobenjiankang.com/static/mine/guanzhu.png"></image>
							</view>
						</view>
						<view class="flex-column ml-lg" style="width: 100%">
							<view class="f-title">我的收藏</view>
							<view class="f-desc mb-sm" :style="{ color: primaryColor }">
								{{ mineInfo.collect_count || 0 }}
								<span class="c-grey">人</span>
							</view>
						</view>
					</view>
					<view @click="$util.toCheckLogin({ url: `/user/pages/coupon/list` })"
						class="flex-between ml-sm mr-lg pt-lg pb-lg pl-lg pr-sm fill-base f-caption c-desc box-shadow radius-16"
						style="width: 50%">
						<view class="share-list flex-between" style="width: 32%">
							<view class="item-icon rel flex-center">
								<image mode="aspectFill" class="flex-center column-img"
									src="https://wx.caobenjiankang.com/static/mine/youhui.png"></image>
							</view>
						</view>
						<view class="flex-column ml-lg" style="width: 100%">
							<view class="f-title">我的优惠劵</view>
							<view class="f-desc mb-sm" :style="{ color: primaryColor }">{{ mineInfo.coupon_count || 0 }}
								<span class="c-grey">张</span>
							</view>
						</view>
					</view>
				</view>


				<view class="share-list flex-between mt-md">
					<view @click="$util.toCheckLogin({ url: `/zxcadd/about/sendguest` })"
						class="flex-between ml-lg mr-sm pt-lg pb-lg pl-lg pr-sm fill-base f-caption c-desc box-shadow radius-16"
						style="width: 50%">
						<view class="share-list flex-between" style="width: 32%">
							<view class="item-icon rel flex-center">
								<image mode="aspectFill" class="flex-center column-img"
									src="https://wx.caobenjiankang.com/static/mine/cftx.png"></image>
							</view>
						</view>
						<view class="flex-column ml-lg" style="width: 100%">
							<view class="f-title">我要请客</view>
						</view>
					</view>
					<view @click="$util.toCheckLogin({ url: `/zxcadd/about/clocklist` })"
						class="flex-between ml-sm mr-lg pt-lg pb-lg pl-lg pr-sm fill-base f-caption c-desc box-shadow radius-16"
						style="width: 50%">
						<view class="share-list flex-between" style="width: 32%">
							<view class="item-icon rel flex-center">
								<image mode="aspectFill" class="flex-center column-img"
									src="https://wx.caobenjiankang.com/static/mine/yewu.png"></image>
							</view>
						</view>
						<view class="flex-column ml-lg" style="width: 100%">
							<view class="f-title">约起保养</view>
						</view>
					</view>
				</view>
			</auth>
			<view class="mine-menu-list box-shadow fill-base radius-16" style="margin: 30rpx;">
				<view class="menu-title flex-between pl-lg pr-md b-1px-b">
					<view class="f-st-title c-title text-bold">常用工具</view>
				</view>
				<view class="flex-warp pb-sm pt-lg pb-lg" v-if="toolLoad">
					<block v-for="(item,index) in linshi" :key="index">
						<view class="item-child flex-center flex-column f-caption c-title">
							<auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true"
								:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toJumpss(item.url)">
								<image mode="aspectFill" class="mine-img" :src="item.cover" v-if="item.cover">
								</image>
								<view class="mt-sm">{{ item.text }}</view>
							</auth>
						</view>
					</block>
					<block v-for="(item, index) in toolList" :key="index">
						<!-- #ifdef MP-WEIXIN -->
						<button style="width: 25%;margin:20rpx 0 20rpx 0"
							:open-type="configInfo.im_type == 2 ?'contact':''"
							class="item-child flex-center flex-column f-caption c-title clear-btn"
							v-if="item.text == '联系客服' && configInfo.im_type == 2">
							<image mode="aspectFill" class="mine-img radius"
								src="https://wx.caobenjiankang.com/static/mine/lianxikefu.png"></image>
							<view class="mt-sm">{{ item.text }}</view>
						</button>
						<block v-else>
							<view class="item-child flex-center flex-column f-caption c-title">
								<auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true"
									:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toJump('toolList', index)">
									<image mode="aspectFill" class="mine-img" :src="item.cover" v-if="item.cover">
									</image>
									<view class="mt-sm">{{ item.text }}</view>
								</auth>
							</view>
						</block>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<view @tap.stop="toJump('toolList', index)"
							class="item-child flex-center flex-column f-caption c-title"
							style="width: 25%;margin:10rpx 0 20rpx 0">
							<image mode="aspectFill" class="mine-img" :src="item.cover" v-if="item.cover"></image>
							<view class="mt-sm">{{ item.text }}</view>
						</view>
						<!-- #endif -->
					</block>
					<!-- <view @tap.stop="$util.goUrl({url:`/agent/pages/index?agent=0`})"
						class="item-child flex-center flex-column f-caption c-title"
						style="width: 25%;margin:10rpx 0 20rpx 0" v-if="mineInfo.mobilenode_auth">
						<image mode="aspectFill" class="mine-img radius"
							src="https://wx.caobenjiankang.com/static/mine/guanli.png">
						</image>
						<view class="mt-sm">切换管理员</view>
					</view> -->
				</view>
			</view>
		</block>
		<!-- 技-师 -->
		<block v-if="userPageType == 2">
			<view class="box">
				<!-- 技师模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu">
					<!-- <image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image> -->
					<view @tap.stop="$util.goUrl({ url: `/technician/pages/income/commission-list`})"
						class="item-child fill-base f-caption box-shadow radius-16">
						<view class="flex-y-baseline" :style="{color:primaryColor}">¥<view class="f-sm-title">
								{{count.total_service_cash || 0}}
							</view>
						</view>
						<view class="flex-between mt-sm">
							<view class="text" style="font-size: 30rpx;">服务收入</view>
							<view class="cash-btn flex-center f-desc c-base radius"
								:style="{background: `linear-gradient(68deg, ${primaryColor}, ${subColor})`}">去查看
							</view>
						</view>
					</view>
				</view>
				<view class="mine-menu-list box-shadow fill-base radius-16" style="margin: 0 0 16rpx 0;">
					<view class="menu-title flex-between pl-lg pr-sm">
						<view class="f-paragraph c-title text-bold">我的订单</view>
					</view>
					<view class="flex-warp pb-lg">
						<view @click="tiaozhuan(index)" class="item-child flex-center flex-column f-caption c-title"
							v-for="(item, index) in orderList2" :key="index">
							<view class="item-img rel flex-center radius">
								<view class="abs dot-unread-number flex-center"
									:style="{width: item.number>99 ? '44rpx': item.number > 9 ? '34rpx' :'',right: item.number>99 ? '-32rpx': item.number > 9 ? '-22rpx' :'-12rpx'}"
									v-if="item.number > 0">
									{{item.number < 100 ? item.number : '99+'}}
								</view>
								<view class="item-img radius abs" :style="{background:primaryColor}"></view>
								<i class="iconfont c-title" :class="item.icon" :style="{color:primaryColor}"></i>
							</view>
							<view class="mt-sm" style="font-size: 30rpx;">{{ item.text }}</view>
						</view>
					</view>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in othreList" :key="index"
							@click="to(item.path,item.title)">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 财务 -->
		<block v-if="userPageType == 4">
			<view class="box">
				<!-- 财务模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in f_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in f_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 店长 -->
		<block v-if="userPageType == 3">
			<view class="box">
				<!-- 技师模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in sh_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in sh_othreList" :key="index"
							@click="to(item.path,item.title)">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
					<!-- 详细功能 -->
					<view class="detailed">
						<view class="item" v-for="(item,index) in sh_functionList" :key="index"
							@click="to(item.path,'')">
							<view class="left">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font28">
									{{item.name}}
								</view>
							</view>
							<view class="right">
								<image src="https://wx.caobenjiankang.com/image/shopowner/1.png" mode="aspectFit">
								</image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 股东 -->
		<block v-if="userPageType == 5">
			<view class="box">
				<!-- 技师模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in s_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in s_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
					<!-- 详细功能 -->
					<view class="detailed">
						<view class="item" v-for="(item,index) in s_functionList" :key="index"
							@click="to(item.path,'')">
							<view class="left">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font28">
									{{item.name}}
								</view>
							</view>
							<view class="right">
								<image src="https://wx.caobenjiankang.com/image/shareholder/1.png" mode="aspectFit">
								</image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 渠道 -->
		<block v-if="userPageType == 6">
			<view class="box">
				<!-- 财务模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in c_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in c_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 分销-->
		<block v-if="userPageType == 7">
			<view class="box">
				<!-- 财务模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in di_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in di_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 医生-->
		<block v-if="userPageType == 8">
			<view class="box">
				<!-- 财务模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in d_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in d_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 营养师-->
		<block v-if="userPageType == 9">
			<view class="box">
				<!-- 技师模块 -->
				<view class="finance">
					<view class="item" v-for="(item,index) in die_financeList" :key="index" @click="to(item.path,'')">
						<view class="icon">
							<image :src="item.icon" mode="aspectFit"></image>
						</view>
						<view class="itemInfo">
							<view class="title font30">
								{{item.title}}
							</view>
							<view class="des font20">
								{{item.des}}
							</view>
						</view>
					</view>
				</view>
				<!-- 横幅 -->
				<view class="hengfu" @click="hengfu">
					<image src="https://wx.caobenjiankang.com/heng.png" mode="widthFix"></image>
				</view>
				<!-- 其他 -->
				<view class="othre">
					<view class="title font32 font600">
						其他功能
					</view>
					<view class="othreBox">
						<view class="item" v-for="(item,index) in die_othreList" :key="index" @click="to(item.path,'')">
							<view class="icon" v-if="item.title != '在线客服'">
								<image :src="item.icon" mode="aspectFit"></image>
							</view>
							<view class="title font30" v-if="item.title != '在线客服'">
								{{item.title}}
							</view>
							<button open-type="contact" class="" v-if="item.title == '在线客服'">
								<view class="icon">
									<image :src="item.icon" mode="aspectFit"></image>
								</view>
								<view class="title font30">{{item.title}}</view>
							</button>
						</view>
					</view>
				</view>
			</view>
		</block>
		<view class="space-footer"></view>
		<view :style="{height: `${configInfo.tabbarHeight}px`}"></view>
		<tabbar :cur="4"></tabbar>
		<!-- #ifdef APP-PLUS -->
		<login-info></login-info>
		<!-- #endif -->
		<u-popup :show="qr_show" mode="bottom" :round="14" @close="qr_show = false">
			<view class="" style="padding: 40rpx 30rpx;">
				<view class="font42 fontw" style="text-align: center;">
					我的二维码
				</view>
				<view class="" style="display: flex;align-items: center;justify-content: center;margin: 24rpx 0;">
					<image :src="qr_code" mode="" show-menu-by-longpress="true" style="width: 560rpx;height: 560rpx;"></image>
				</view>
				<view class="" style="width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 16rpx;color: aqua;">
					长按图片唤起菜单
					<!-- <button class="flex-center" open-type="share"> -->
					<!-- <view class="saveBtn" @click="saveImage">
						保存图片
					</view> -->
					<!-- <view class="saveBtn">
						分享图片
					</view> -->
					<!-- </button> -->
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	import tabbar from "@/components/tabbar.vue"
	export default {
		components: {
			tabbar
		},
		data() {
			return {
				b_color: {
					'background': 'linear-gradient(to right, #2BDA8B, #C5F470)'
				},
				isLoad: false,
				toolLoad: false,
				options: {},
				textType: {
					1: '可服务',
					2: '服务中',
					3: '可预约',
					4: '不可预约'
				},
				is_share: true,
				// 我的订单
				orderList: [],
				orderList2: [{
					icon: 'icon-kdd2',
					text: '全部',
					url: '',
					number: 0
				}, {
					icon: 'iconyijiedan',
					text: '待服务',
					url: '',
					number: 0
				}, {
					icon: 'icon-kll',
					text: '服务中',
					url: '',
					number: 0
				}, {
					icon: 'icon-kll',
					text: '已完成',
					url: '',
					number: 0
				}],
				commissionList: [],
				linshi: [{
					cover: 'https://wx.caobenjiankang.com/static/mine/cfmx.png',
					text: '商城订单',
					url: '/user/pages/shopOrderList'
				}, {
					cover: 'https://wx.caobenjiankang.com/static/mine/yijianfank.png',
					text: '服务订单',
					url: '/pages/order?tab=0'
				}, {
					cover: 'https://wx.caobenjiankang.com/static/mine/cftx.png',
					text: '请客订单',
					url: '/zxcadd/about/guestorder'
				}, {
					cover: 'https://wx.caobenjiankang.com/static/mine/cftx.png',
					text: '核销订单',
					url: '/shareholder/pages/guests/guests'
				}, {
					cover: 'https://wx.caobenjiankang.com/static/mine/cftx.png',
					text: '约起订单',
					url: '/zxcadd/about/clock_order'
				}],
				// 其他
				toolList: [{
						cover: 'https://wx.caobenjiankang.com/static/mine/dengji.png',
						text: '股东招募',
						url: '/zxcadd/about/applyShareholders'
					}, {
						cover: 'https://wx.caobenjiankang.com/static/mine/dizhiguanli.png',
						text: '地址管理',
						url: '/user/pages/address/list'
					}, {
						cover: 'https://wx.caobenjiankang.com/static/mine/yijianfank.png',
						text: '问题反馈',
						url: '/user/pages/feedback/box'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/tel.png',
						text: '健康档案',
						url: '/doctor/pages/advice/advices'
					},
					{
						cover: '../static/img/1.png',
						text: '购物车',
						url: '/zxcadd/shop/cart'
					}, {
						cover: 'https://wx.caobenjiankang.com/static/mine/shop.png',
						text: '我的足迹',
						url: '/zxcadd/about/history'
					}, {
						cover: 'https://wx.caobenjiankang.com/static/mine/tuikuan.png',
						text: '退款售后',
						url: '/user/pages/refund/list'
					}, {
						cover: 'https://wx.caobenjiankang.com/static/mine/tel.png',
						text: '联系客服',
						url: ''
					}
				],
				toolList2: [{
						cover: 'https://wx.caobenjiankang.com/static/mine/dengji.png',
						text: '等级管理',
						url: '/technician/pages/level'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/Wallet.png',
						text: '储值返佣明细',
						url: '/technician/pages/income/cash-integral',
						number: 0
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/fencheng.png',
						text: '分成明细',
						url: '/technician/pages/income/commission-list',
						number: 0
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/cfmx.png',
						text: '车费明细',
						url: '/technician/pages/car-fare'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/cftx.png',
						text: '车费提现记录',
						url: '/user/pages/distribution/record?type=3'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/shop.png',
						text: '物料商城',
						url: '/technician/pages/shop/list'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/shens.png',
						text: '差评申诉',
						url: '/technician/pages/bad-comments/box'
					},
					{
						cover: 'https://wx.caobenjiankang.com/static/mine/pingbi.png',
						text: '屏蔽用户',
						url: '/technician/pages/shield'
					},
				],
				image_type: {
					1: 'user_image',
					2: 'coach_image'
				},
				font_type: {
					1: 'user_font_color',
					2: 'coach_font_color'
				},
				showAuth: false,
				offsetL: 360,
				offsetT: 0,
				financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/clock.png',
						title: '立即打卡',
						des: '根据打卡先后排钟',
						path: '/technicianadd/pages/clock/clock'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/Commission.png',
						title: '我的提成',
						des: '点击查看提成明细',
						path: '/technician/pages/income/commission-list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/collection.png',
						title: '服务订单',
						des: '点击查看服务订单',
						path: '/technicianadd/pages/Service/Service'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/VIPs.png',
						title: '会员记录',
						des: '点击查看会员记录',
						path: '/technicianadd/pages/vips/vip'
					}
				], //财务模块数据
				othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/info.png',
						title: '客户档案',
						path: '/technicianadd/pages/vips/vip'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/sharing.png',
						title: '知识分享',
						path: '/technicianadd/pages/knowledge/knowledge'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/Shopping.png',
						title: '核销',
						path: '/user/pages/distribution/postersss'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/upTime.png',
						title: '上钟/下钟',
						path: '/shopowner/pages/dai/dai'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/contract.png',
						title: '电签合同',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/customer.png',
						title: '在线客服',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}
				],
				f_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/finance/Accounting.png',
						title: '各仓账务',
						des: '点击查看各分店账务',
						path: '/finance/pages/accounting/index'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/finance/Separate.png',
						title: '分账系统',
						des: '点击查看分账系统',
						path: '/finance/pages/separate/separate'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/finance/material.png',
						title: '物料分配',
						des: '点击查看物料采购分配',
						path: '/finance/pages/material/material'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/finance/revenue.png',
						title: '总营收量',
						des: '点击查看总营收量',
						path: '/shareholder/pages/revenue/revenue'
					}
				], //财务模块数据
				f_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/finance/Commission.png',
						title: '我的提成',
						path: '/technicianadd/pages/Commission/Commission'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/finance/sharing.png',
						title: '知识分享',
						path: '/technicianadd/pages/knowledge/knowledge'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/finance/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/finance/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/finance/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/finance/customer.png',
						title: '在线客服',
						path: ''
					}
				], //其他功能模块
				sh_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/clock.png',
						title: '立即打卡',
						des: '根据打卡先后排钟',
						path: '/technicianadd/pages/clock/clock'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/Commission.png',
						title: '我的提成',
						des: '点击查看提成明细',
						path: '/technician/pages/income/commission-list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/collection.png',
						title: '服务订单',
						des: '点击查看服务订单',
						path: '/technicianadd/pages/Service/Service'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/VIP.png',
						title: '会员记录',
						des: '点击查看会员记录',
						path: '/technicianadd/pages/vips/vip'
					}
				], //财务模块数据
				sh_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/info.png',
						title: '客户档案',
						path: '/technicianadd/pages/vips/vip'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/sharing.png',
						title: '知识分享',
						path: '/technicianadd/pages/knowledge/knowledge'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/technicianadd/Shopping.png',
						title: '核销',
						path: '/user/pages/distribution/posterssss'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					},{
					icon: 'https://wx.caobenjiankang.com/image/dietitian/Commissions.png',
					title: '请客预定',
					path: '/dietitian/pages/reserve/reserve'
				},
					{
						icon: 'https://wx.caobenjiankang.com/image/shopowner/upTime.png',
						title: '上钟/下钟',
						path: '/shopowner/pages/dai/dai'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/contract.png',
						title: '电签合同',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/customer.png',
						title: '在线客服',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shopowner/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}
				], //其他功能模块
				sh_functionList: [{
					icon: 'https://wx.caobenjiankang.com/image/shopowner/2.png',
					name: '技师提成',
					path: '/shopowner/pages/commission/commission'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/3.png',
					name: '财务营收',
					path: '/shopowner/pages/revenue/revenue'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/4.png',
					name: '平台总营收',
					path: '/shopowner/pages/platform/platform'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/5.png',
					name: '各门店营收',
					path: '/shopowner/pages/revenueD/revenueD?type=0'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/6.png',
					name: '员工工资',
					path: '/shopowner/pages/wages/wages'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/7.png',
					name: '产品销售明细',
					path: '/shopowner/pages/salesD/salesD'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/8.png',
					name: '考勤记录',
					path: '/shopowner/pages/attendance/attendance'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/9.png',
					name: '会员数量',
					path: '/technicianadd/pages/vips/vip'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/10.png',
					name: '项目数量',
					path: '/shopowner/pages/projects/projects'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/shopowner/11.png',
					name: '产品销量',
					path: '/shopowner/pages/sales/sales'
				}],
				s_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/clock.png',
						title: '我的业绩',
						des: '点击查看我的业绩',
						path: '/technician/pages/income/commission-list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/Commission.png',
						title: '总分到点',
						des: '点击查看分账系统',
						path: '/technicianadd/pages/shop/shop'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/collection.png',
						title: '各门店营收',
						des: '点击查看各门店营收',
						path: '/shopowner/pages/revenueD/revenueD?type=1'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/VIPs.png',
						title: '总营收量',
						des: '点击查看总营收量',
						path: '/shareholder/pages/revenue/revenue'
					}
				], //财务模块数据
				s_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/info.png',
						title: '请客保养',
						path: '/zxcadd/about/sendguest'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/sharing.png',
						title: '知识分享',
						path: '/technicianadd/pages/knowledge/knowledge'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/customer.png',
						title: '在线客服',
						path: ''
					}
				], //其他功能模块
				s_functionList: [{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/4.png',
						name: '平台总营收',
						path: '/shopowner/pages/platform/platform'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/shareholder/6.png',
						name: '员工工资',
						path: '/shopowner/pages/wages/wages'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/7.png',
						name: '产品销售明细',
						path: '/shopowner/pages/salesD/salesD'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/7.png',
						name: '门店数量',
						path: '/shopowner/pages/store/store'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/9.png',
						name: '会员数量',
						path: '/technicianadd/pages/vips/vip'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/10.png',
						name: '项目数量',
						path: '/shopowner/pages/projects/projects'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/shareholder/11.png',
						name: '产品销量',
						path: '/shopowner/pages/sales/sales'
					}
				],
				c_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/channel/ziliao.png',
						title: '知识分享',
						des: '分享养生知识',
						path: '/technicianadd/pages/knowledge/knowledge'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/channel/collection.png',
						title: '我的提成',
						des: '点击查看我的提成',
						path: '/technicianadd/pages/Commission/Commission'
					}
				], //财务模块数据
				c_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/channel/info.png',
						title: '推广记录',
						path: '/user/pages/distribution/team'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/channel/sharing.png',
						title: '销售记录',
						path: '/shareholder/pages/sale/sale'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/channel/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/channel/customer.png',
						title: '在线客服',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/channel/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/channel/upTime.png',
						title: '我的团队',
						path: '/user/pages/distribution/team'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/channel/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}
				], //其他功能模块
				di_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/distribution/ziliao.png',
						title: '知识分享',
						des: '分享养生知识',
						path: '/technicianadd/pages/knowledge/knowledge'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/distribution/collection.png',
						title: '服务记录',
						des: '点击查看服务记录',
						path: '/technicianadd/pages/Service/Service'
					}
				], //财务模块数据
				di_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/distribution/info.png',
						title: '客户档案',
						path: '/technicianadd/pages/vips/vip'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/distribution/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/distribution/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/distribution/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/distribution/customer.png',
						title: '在线客服',
						path: ''
					}
				], //其他功能模块
				d_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/doctor/ziliao.png',
						title: '知识分享',
						des: '分享养生知识',
						path: '/technicianadd/pages/knowledge/knowledge'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/doctor/collection.png',
						title: '服务记录',
						des: '点击查看服务记录',
						path: '/doctor/pages/Service/Service'
					}
				], //财务模块数据
				d_othreList: [{
						icon: 'https://wx.caobenjiankang.com/image/doctor/info.png',
						title: '客户档案',
						path: '/technicianadd/pages/vips/vip'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/doctor/upTime.png',
						title: '养生建议',
						path: '/doctor/pages/advice/advice'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/doctor/footprint.png',
						title: '我的足迹',
						path: '/zxcadd/about/history'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/doctor/add.png',
						title: '我的地址',
						path: '/user/pages/address/list'
					}, {
						icon: 'https://wx.caobenjiankang.com/image/doctor/customer.png',
						title: '在线客服',
						path: ''
					}, {
						icon: 'https://wx.caobenjiankang.com/image/doctor/lecture.png',
						title: '请客',
						path: '/zxcadd/about/sendguest'
					}
				], //其他功能模块
				die_financeList: [{
						icon: 'https://wx.caobenjiankang.com/image/dietitian/clock.png',
						title: '立即打卡',
						des: '根据打卡先后排钟',
						path: '/technicianadd/pages/clock/clock'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/dietitian/Commission.png',
						title: '我的提成',
						des: '点击查看提成明细',
						path: '/technician/pages/income/commission-list'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/dietitian/collection.png',
						title: '客户购买记录',
						des: '点击查看购买记录',
						path: '/technicianadd/pages/vip/vip'
					},
					{
						icon: 'https://wx.caobenjiankang.com/image/dietitian/VIP.png',
						title: '会员记录',
						des: '点击查看会员记录',
						path: '/technicianadd/pages/vips/vip'
					}
				], //财务模块数据
				die_othreList: [{
					icon: 'https://wx.caobenjiankang.com/image/dietitian/info.png',
					title: '会员档案',
					path: '/technicianadd/pages/vips/vip'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/sharing.png',
					title: '知识分享',
					path: '/technicianadd/pages/knowledge/knowledge'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/contract.png',
					title: '预约提醒',
					path: '/dietitian/pages/reminder/reminder'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/technicianadd/Shopping.png',
					title: '核销',
					path: '/user/pages/distribution/postersssc'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/Commissions.png',
					title: '请客预定',
					path: '/dietitian/pages/reserve/reserve'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/add.png',
					title: '我的地址',
					path: '/user/pages/address/list'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/footprint.png',
					title: '我的足迹',
					path: '/zxcadd/about/history'
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/customer.png',
					title: '在线客服',
					path: ''
				}, {
					icon: 'https://wx.caobenjiankang.com/image/dietitian/lecture.png',
					title: '请客',
					path: '/zxcadd/about/sendguest'
				}], //其他功能模块
				qr_code: '',
				qr_show: false,
				count: {}
			}
		},
		computed: mapState({
			primaryColor: state => state.config.configInfo.primaryColor,
			subColor: state => state.config.configInfo.subColor,
			configInfo: state => state.config.configInfo,
			commonOptions: state => state.user.commonOptions,
			userInfo: state => state.user.userInfo,
			userPageType: state => state.user.userPageType,
			locationChange: state => state.user.locationChange,
			location: state => state.user.location,
			mineInfo: state => state.user.mineInfo,
			coachInfo: state => state.user.coachInfo,
		}),
		onLoad(options) {
			this.options = options
			let {
				type = 1
			} = options
			if (type) {
				this.updateUserItem({
					key: 'userPageType',
					val: type
				})
			}
			let {
				id: mine_id = -1
			} = this.mineInfo
			if (mine_id == -1) {
				this.$util.showLoading()
			}
			this.initIndex()
		},
		async onShow() {
			this.getCount()
			this.qr_code = await this.$api.mine.userCommQr()
			uni.hideHomeButton()
			if (this.userPageType == 2) {
				await Promise.all([this.getCoachInfo(), this.getOrderNumCall()])
			}
		},
		onPullDownRefresh() {
			// #ifndef APP-PLUS
			uni.showNavigationBarLoading()
			// #endif
			this.initRefresh();
			uni.stopPullDownRefresh()
		},
		onShareAppMessage() {
			let path = `/pages/service?pid=${this.userInfo.id}`
			return {
				title:'加入草本大家庭',
				imageUrl:this.qr_code,
				path:path
			}
		},
		methods: {
			...mapActions(['getConfigInfo', 'getUserInfo', 'getMineInfo', 'getCoachInfo',
				'updateCommonOptions',
			]),
			...mapMutations(['updateUserItem']),
			async getWQ() {
				this.qr_code = await this.$api.mine.userCommQr()
			},
			async initIndex(refresh = false) {
				// #ifdef H5
				if (!refresh && this.$jweixin.isWechat()) {
					await this.$jweixin.initJssdk();
					this.$jweixin.wxReady(() => {
						this.$jweixin.hideOptionMenu()
					})
				}
				// #endif 
				if (!this.configInfo.id || refresh || (this.configInfo.id && !this.configInfo.hasOwnProperty(
						'recharge_status'))) {
					await this.getConfigInfo()
				}
				await this.getMineInfo()
				this.isLoad = true
				let {
					fx_check,
					plugAuth = {}
				} = this.configInfo
				let {
					coach_status,
					is_admin = 0,
					is_fx = 0
				} = this.mineInfo

				if (coach_status == 2 || coach_status == 3) {
					await this.getCoachInfo()
				}
				this.updateUserItem({
					key: 'userPageType',
					val: coach_status == 2 || coach_status == 3 ? this.userPageType : 1
				})

				let arr = ['coach_status', 'channel_status', 'salesman_status']
				let applyText = '申请' + this.$t('action.attendantName')
				let textArr = {
					coach_status: {
						text: applyText,
						list: {
							cover: 'https://wx.caobenjiankang.com/static/mine/jishizhaopin.png',
							text: applyText,
							url: '/user/pages/apply'
						}
					},
					channel_status: {
						text: '申请渠道商',
						list: {
							cover: 'https://wx.caobenjiankang.com/static/mine/qudao.png',
							text: '申请渠道商',
							url: '/user/pages/channel/apply'
						},
						list2: {
							cover: 'https://wx.caobenjiankang.com/static/mine/qudao.png',
							text: '我是渠道商',
							url: '/user/pages/channel/income'
						}
					},
					salesman_status: {
						text: '申请业务员',
						list: {
							cover: 'https://wx.caobenjiankang.com/static/mine/yewu.png',
							text: '申请业务员',
							url: '/user/pages/salesman/apply'
						},
						list2: {
							cover: 'https://wx.caobenjiankang.com/static/mine/yewu.png',
							text: '我是业务员',
							url: '/user/pages/salesman/income'
						}
					}
				}
				arr.map(item => {
					if (this.mineInfo[item] != 2) {
						let arr = this.toolList.filter(aitem => {
							return aitem.text === textArr[item].text
						})
						if (arr.length === 0 && (item != 'salesman_status' || (item == 'salesman_status' &&
								this.mineInfo[item] != -1))) {
							this.toolList.unshift(textArr[item].list)
						}
						if (item !== 'coach_status') {
							let aindex = this.toolList.findIndex(aitem => {
								return aitem.text === textArr[item].list2.text
							})
							if (aindex != -1) {
								this.toolList.splice(aindex, 1)
							}
						}
					} else {
						this.toolList.map((aitem, aindex) => {
							if (aitem.text === textArr[item].text) {
								this.toolList.splice(aindex, 1)
							}
						})
						if (item !== 'coach_status') {
							let arr = this.toolList.filter(aitem => {
								return aitem.text === textArr[item].list2.text
							})
							if (arr.length === 0) {
								this.toolList.unshift(textArr[item].list2)
							}
						}
					}
				})

				let agentInd = this.toolList.findIndex(item => {
					return item.text == '我是代理商' || item.text == '招商加盟'
				})

				if (agentInd == -1) {
					this.toolList.unshift({
						cover: 'https://wx.caobenjiankang.com/static/mine/Add.png',
						text: is_admin ? '我是代理商' : '招商加盟',
						url: is_admin ? `/agent/pages/index?agent=1` : `/agent/pages/apply`
					})
				}

				if (agentInd !== -1) {
					this.toolList[agentInd] = {
						cover: 'https://wx.caobenjiankang.com/static/mine/Add.png',
						text: is_admin ? '我是代理商' : '招商加盟',
						url: is_admin ? `/agent/pages/index?agent=1` : `/agent/pages/apply`
					}
				}

				let fxInd = this.toolList.findIndex(item => {
					return item.text == '申请分销商' || item.text == '分销商管理'
				})

				if (fxInd != -1) {
					this.toolList.splice(fxInd, 1)
				}
				this.toolList.unshift({
					cover: 'https://wx.caobenjiankang.com/static/mine/fenxiao.png',
					text: '分销商管理',
					url: '/user/pages/distribution/income'
				})

				if (this.userPageType == 2) {
					this.getOrderNumCall()
				}

				let {
					dynamic = false
				} = plugAuth

				if (dynamic) {
					let dynamicInd = this.toolList2.findIndex(item => {
						return item.text == '动态发布'
					})
					if (plugAuth.dynamic && dynamicInd == -1) {
						let badInd = this.toolList2.findIndex(item => {
							return item.text == '差评申诉'
						})
						this.toolList2.splice(badInd + 1, 0, {
							cover: 'https://wx.caobenjiankang.com/static/mine/jishizhaopin.png',
							text: '动态发布',
							url: '/dynamic/pages/technician/list'
						})
					}
				}
				let {
					fdd_auth_status
				} = this.coachInfo

				let fddInd = this.toolList2.findIndex(item => {
					return item.text == '电签合同'
				})
				if (fdd_auth_status && fddInd == -1) {
					this.toolList2.unshift({
						cover: 'https://wx.caobenjiankang.com/static/mine/hetong.png',
						text: '电签合同',
						url: ''
					})
				}
				if (!fdd_auth_status && fddInd !== -1) {
					this.toolList2.splice(fddInd, 1)
				}
				this.toolLoad = true
				this.$util.hideAll()
				const newArr = this.toolList.filter(item => item.text != '申请分销商');
				this.toolList = newArr
				if (this.mineInfo.identity_id == 2) {
					const newArr = this.toolList.filter(item => item.text != '申请渠道商');
					this.toolList = newArr
				}
				if (this.mineInfo.coach_status == 2 || this.mineInfo.coach_status == 3 || this.mineInfo.identity_id ==
					3 || this.mineInfo.identity_id == 4) {
					const newArr = this.toolList.filter(item => item.text != '申请服务人员');
					this.toolList = newArr
				}
				if (this.mineInfo.identity_id == 1) {
					const newArr = this.toolList.filter(item => item.text != '股东招募');
					this.toolList = newArr
				}
				if (this.mineInfo.identity_id == 6) {
					const newArr = this.toolList.filter(item => item.text != '招商加盟');
					this.toolList = newArr
				}
			},
			initRefresh() {
				this.initIndex(true)
			},
			async getOrderNumCall() {

			},
			toJumpss(url) {
				uni.navigateTo({
					url: url
				})
			},
			// 选择地区
			async toChooseLocation() {
				let {
					coach_status
				} = this.mineInfo
				if (coach_status != 2) return
				await this.$util.checkAuth({
					type: 'userLocation'
				})
				let {
					lat: locaLat = '',
					lng: locaLng = ''
				} = this.coachInfo
				let param = {}
				// #ifndef MP-WEIXIN
				param = {
					latitude: locaLat,
					longitude: locaLng
				}
				// #endif
				let [, {
					address = '',
					longitude,
					latitude
				}] = await uni.chooseLocation(param);
				if (!address) return
				await this.$api.technician.coachUpdate({
					address,
					lng: longitude,
					lat: latitude
				})
				let data = this.$util.deepCopy(this.coachInfo)
				data.address = address
				this.updateUserItem({
					key: 'coachInfo',
					val: data
				})
				this.updateUserItem({
					key: 'locationChange',
					val: true
				})
				this.$util.showToast({
					title: `更新成功`
				})
			},
			// 实时定位
			async toChangeLocation() {
				let {
					coach_status
				} = this.mineInfo
				if (coach_status != 2) return
				let {
					coach_position = 0
				} = this.userInfo
				let cur = coach_position == 0 ? 1 : 0
				await this.$api.technician.coachUpdate({
					coach_position: cur
				})
				await this.getUserInfo()
				this.$util.showToast({
					title: `操作成功`
				})
				this.updateUserItem({
					key: 'locationChange',
					val: cur == 1
				})
			},
			toJump(key, index) {
				let {
					url,
					text
				} = this[key][index]
				let applyText = '申请' + this.$t('action.attendantName')
				if ([applyText, '申请分销合伙人', '申请渠道商', '申请业务员'].includes(text)) {
					this.toApply(text == applyText ? 1 : text == '申请分销合伙人' ? 2 : text == '申请渠道商' ? 3 : 4)
					return
				}
				if (text == '切换用户端') {
					this.toChange()
					return
				}
				if (text == '联系客服') {
					let {
						mobile: url,
						im_type
					} = this.configInfo
					// #ifdef MP-WEIXIN
					if (im_type == 2) return
					// #endif
					this.$util.goUrl({
						url,
						openType: 'call'

					})
					return
				}
				if (text == '电签合同') {
					this.toFddSign()
					return
				}
				let openType = key == 'orderList' && index !== 4 ? `reLaunch` : 'navigateTo'
				this.$util.log(url)
				this.$util.toCheckLogin({
					url,
					openType
				})
			},
			async getCount() {
				// let {
				// 	start_time,
				// 	end_time
				// } = this.$util.deepCopy(this.check_time)
				let param = {}
				// if (start_time && end_time) {
				// 	param.start_time = this.$util.DateToUnix(start_time)
				// 	param.end_time = this.$util.DateToUnix(end_time) + 24 * 3600 - 1
				// }
				this.count = await this.$api.technician.coachCommissionData(param)
			},
			toEditInfo() {
				let {
					status,
					fdd_auth_status,
					fdd_status
				} = this.coachInfo
				if (status == 2 && fdd_auth_status && fdd_status != 2) {
					this.$util.showToast({
						title: `请先签订合同哦`
					})
					return
				}
				this.$util.goUrl({
					url: `/technician/pages/edit`
				})
			},
			async toFddSign() {
				this.updateUserItem({
					key: 'fddExtsign',
					val: ''
				})


				let {
					status: coach_status,
					admin_id = 0,
					fdd_agreement = {}
				} = this.coachInfo
				// console.log(this.coachInfo, fdd_agreement, 'fdd_agreement');
				// return
				let {
					viewpdf_url = ''
				} = fdd_agreement && fdd_agreement.hasOwnProperty('viewpdf_url') ? fdd_agreement : {
					viewpdf_url: ''
				}

				if (!viewpdf_url) {
					if (coach_status == 3) {
						this.$util.showToast({
							title: `平台管理员已取消授权，不能签约哦`
						})
						return
					}
					let fddRecord = await this.$api.technician.getFddRecord()
					if (!fddRecord) {
						this.updateUserItem({
							key: 'personVerifyUrl',
							val: ''
						})
						let {
							status
						} = await this.$api.technician.getAttestationInfo()
						if (status < 2) {
							let personVerifyUrl = await this.$api.technician.getPersonVerifyUrl()
							this.updateUserItem({
								key: 'personVerifyUrl',
								val: personVerifyUrl
							})
							this.$util.goUrl({
								url: `/user/pages/common/web?url=personVerifyUrl`
							})
							return
						} else {
							let Extsign = await this.$api.technician.Extsign({
								admin_id
							})
							viewpdf_url = Extsign
						}
					}
				}
				this.updateUserItem({
					key: 'fddExtsign',
					val: viewpdf_url
				})
				this.$util.goUrl({
					url: `/user/pages/common/web?url=fddExtsign`
				})
			},
			async gotoa() {
				// #ifdef H5
				this.previewImage()
				// #endif
				// #ifndef H5
				this.saveImage()
				// #endif
			},
			previewImage() {
				let finalPath = this.qr_code;
				uni.previewImage({
					current: finalPath,
					urls: [finalPath]
				})
				console.log('1');
			},
			saveImage() {
				uni.downloadFile({
					url: this.qr_code, //仅为示例，并非真实的资源
					success: (res) => {
						if (res.statusCode === 200) {
							console.log('下载成功');
							console.log(res.tempFilePath);
							uni.saveImageToPhotosAlbum({
								filePath: res.tempFilePath,
								success: function() {
									uni.showToast({
										icon: 'none',
										title: '保存成功'
									})
								}
							});
						}
					}
				});

			},
			async toAtv() {
				if (!this.mineInfo.is_atv) {
					this.$util.showToast({
						title: `暂无活动`
					})
					return
				}
				let options = this.commonOptions
				options.coupon_atv_id = 0
				await this.updateCommonOptions(options)
				this.$util.toCheckLogin({
					url: `/user/pages/coupon/share`
				})
			},
			// 申请技-师/分销合伙人/渠道商/业务员
			async toApply(type) {
				let {
					coach_status = -1,
						fx_status = -1,
						channel_status = -1,
						salesman_status = -1,
				} = this.mineInfo

				let statusArr = {
					1: coach_status,
					2: fx_status,
					3: channel_status,
					4: salesman_status
				}
				let status = statusArr[type]
				let page = {
					1: `/technician/pages/apply`,
					2: `/user/pages/distribution/apply`,
					3: `/user/pages/channel/apply`,
					4: `/user/pages/salesman/apply`
				}
				// -1未申请，1审核中，2审核通过，3取消授权，4审核失败
				let url = status == -1 ? page[type] :
					`/user/pages/apply-result?type=${type}`
				this.$util.log(url)
				this.$util.toCheckLogin({
					url
				})
			},
			// 切换用户/技-师端
			async toChange() {
				uni.pageScrollTo({
					duration: 500,
					scrollTop: 0
				})
				let {
					userPageType = 1
				} = this
				await this.getCoachInfo()
				if (userPageType == 1) {
					this.getOrderNumCall()
				}
				this.updateUserItem({
					key: 'userPageType',
					val: userPageType == 2 ? 1 : 2
				})
			},
			tiaozhuan(index) {
				uni.navigateTo({
					url: '/technicianadd/pages/Service/Service?type=' + index
				})
			},
			toChanges(type) {
				uni.pageScrollTo({
					duration: 500,
					scrollTop: 0
				})
				let {
					userPageType = 1
				} = this
				this.updateUserItem({
					key: 'userPageType',
					val: userPageType = type
				})
				if (type == 2) {
					uni.setNavigationBarTitle({
						title: '保养师'
					});
				}
			},
			onChange(e) {
				let {
					x,
					y
				} = e.detail
				this.$nextTick(() => {
					this.offsetL = x
					this.offsetT = y
				})
			},
			// 求助
			async toHelp() {
				// #ifdef H5
				if (this.$jweixin.isWechat()) {
					this.$util.showLoading()
					await this.$jweixin.wxReady2();
					let {
						latitude: lat = 0,
						longitude: lng = 0
					} = await this.$jweixin.getWxLocation()
					if (!lat) {
						this.$util.hideAll()
						this.$util.showToast({
							title: `请授权定位当前地址`
						})
						return
					}
					if (lat && lng) {
						let key = `${lat},${lng}`
						let data = await this.$api.base.getMapInfo({
							location: key
						})
						let {
							status,
							result
						} = JSON.parse(data)
						if (status == 0) {
							this.$util.hideAll()
							let {
								address
							} = result
							this.toPolice({
								lat,
								lng,
								address
							})
						}
					}
				}
				// #endif
				// #ifndef H5
				this.$util.showLoading()
				let {
					lat = '',
						lng = '',
						address = ''
				} = await this.$util.getBmapLocation()
				if (!lat) {
					this.$util.hideAll()
					this.$util.showToast({
						title: `请授权定位当前地址`
					})
					return
				}
				this.toPolice({
					lat,
					lng,
					address
				})
				// #endif
			},
			async toPolice(param) {
				await this.$api.technician.police(param)
				this.$util.hideAll()
				this.$util.showToast({
					title: `求救成功`
				})
			},
			to(path, title) {
				if (path == '/pages/mine') {
					let {
						userPageType = 1
					} = this
					this.updateUserItem({
						key: 'userPageType',
						val: userPageType = 1
					})
					return
				}
				if (path == '') {
					if (title == '电签合同') {
						this.toFddSign()
						return
					}
					let {
						mobile: url,
						im_type
					} = this.configInfo
					// #ifdef MP-WEIXIN
					if (im_type == 2) return
					// #endif
					this.$util.goUrl({
						url,
						openType: 'call'
					})
					return
				}
				uni.navigateTo({
					url: path
				})
			},
			// 横幅
			hengfu() {
				uni.navigateTo({
					url: '/user/pages/distribution/poster'
				})
			}
		}
	}
</script>

<style lang="scss">
	.pages-mine {
		.mine-bg {
			width: 100%;
			height: 318rpx;
			/* #ifdef H5 */
			z-index: 0;
			/* #endif */
			/* #ifndef H5 */
			z-index: -1;
			/* #endif */
		}

		.mine-master-bg {
			width: 100%;
			height: 514rpx;
			z-index: -1;
		}

		.avatar_view {
			width: 120rpx;
			// height: 120rpx;

			.avatar {
				width: 120rpx;
				height: 120rpx;
				overflow: hidden;

				open-data {
					width: 120rpx;
					height: 120rpx;
				}
			}

			.text {
				width: 110rpx;
				position: absolute;
				bottom: -5rpx;
				left: 5rpx;
				height: 36rpx;
				line-height: 36rpx;
				background: #FFFFFF;
				border-radius: 18rpx;
				font-size: 24rpx;
				text-align: center;
			}
		}


		.member-tag {
			min-width: 25%;
			height: 64rpx;
			background: rgba(255, 255, 255, 0.5);
			font-size: 24rpx;

			.iconfont {
				font-size: 18rpx;
			}
		}

		.iconbianjiziliao {
			font-size: 36rpx;
		}

		.icon-xitong {
			font-size: 40rpx;
		}

		// 定位/时间/求救
		.addr-time-help-list {
			width: 100%;
			padding: 40rpx 0;

			.flex-center {
				width: 33.33%;

				.iconfont {
					font-size: 60rpx;
					margin-bottom: 10rpx;
				}
			}

		}

		// 技-师信息
		.coach-info {
			.avatar {
				width: 140rpx;
				height: 140rpx;
			}

			.coach-name {
				font-size: 34rpx;
				color: #142C57
			}

			.coach-text {
				color: #5A677E
			}

			.icon-right {
				font-size: 22rpx
			}

			.tag-item {
				min-width: 92rpx;
				height: 36rpx;
				padding: 0 10rpx;
				font-size: 24rpx;
				border-radius: 6rpx;
				transform: rotateZ(360deg);
			}

			.map-addr-info {
				.map-addr {
					width: 102rpx;
					height: 46rpx;
					padding-right: 6rpx;

					.iconfont {
						margin-right: 2rpx;
						font-size: 26rpx;
					}
				}

				.map-addr.abs {
					top: 0;
					left: 0;
					opacity: 0.1;
				}

				.text {
					color: #5A677E;
				}

				.location-change {
					.iconfont {
						font-size: 70rpx;
					}
				}

			}
		}

		// 收入
		.mine-count-list {
			.cancel-auth {
				width: 110rpx;
				height: 100rpx;
				font-size: 100rpx;
				top: -230rpx;
				right: 55rpx;

				.text-bold {
					height: 26rpx;
					transform: rotate(-32deg);
				}
			}

			.item-child {
				width: 50%;
				padding: 28rpx;

				.text {
					color: #5A677E;
				}

				.cash-btn {
					width: 108rpx;
					height: 46rpx;
					transform: rotateZ(360deg);
				}
			}

		}


		.dot-unread-number {
			top: 0;
			right: 0;
			width: 24rpx;
			height: 24rpx;
			line-height: 24rpx;
			text-align: center;
			color: #fff;
			font-size: 18rpx;
			border-radius: 24rpx;
			background-color: #F1381F;
		}

		// 卡券/关注/收藏
		.share-collect-list {
			.share-item {
				width: 50%;
				height: 105rpx;
			}
		}

		// 充值/收藏/卡券	
		.item-btn {
			width: 150rpx;
			height: 52rpx;
			border-radius: 100rpx;
		}

		.share-list {
			.coupon-img {
				width: 97rpx;
				height: 87rpx;
			}

			.item-icon {
				width: 74rpx;
				height: 80rpx;

				.iconfont {
					font-size: 62rpx;
				}

				.item-icon {
					top: 0;
					left: 0;
					opacity: 0.1;
				}
			}
		}

		.store-btn {
			width: 320rpx;
			height: 60rpx
		}

		.vip-img {
			width: 100%;
			height: 186rpx;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
		}

		.vip {
			width: 44rpx;
			height: 44rpx;
		}

		.vip-base {
			height: 100%;
			line-height: 100%;
			color: #856534;
		}

		.vip-fx {
			width: 110rpx;
			height: 44rpx;
			position: absolute;
			top: -44rpx;
			left: 50%;
			margin-left: -54rpx;

		}

		// 分享-卡券
		.share-atv-img {
			width: 716rpx;
			height: 190rpx;
			margin: 0 auto;
		}

		// 我的订单/其他
		.mine-menu-list {
			margin: 0 30rpx 0 30rpx;

			.menu-title {
				height: 90rpx;

				.iconfont {
					font-size: 24rpx;
				}
			}

			.item-child {
				width: 25%;
				margin: 10rpx 0;

				.iconfont {
					font-size: 52rpx;
				}

				.item-img {
					width: 88rpx;
					height: 88rpx;

					.iconfont {
						font-size: 44rpx;
					}

					.item-img {
						top: 0;
						left: 0;
						opacity: 0.1;
					}
				}

				.fdd-sign {
					width: 76rpx;
					height: 30rpx;
					background: #E82F21;
					font-size: 20rpx;
					transform: scale(0.9);
					top: -10rpx;
					right: 0;
					border-radius: 20rpx 20rpx 20rpx 0;
				}
			}
		}

		.column-img {
			width: 74rpx;
			height: 80rpx;
		}

		.mine-img {
			width: 68rpx;
			height: 68rpx;
			margin: auto;
		}

		// 工具
		.mine-tool-list {
			margin: 20rpx 30rpx 0 30rpx;
			box-shadow: 0px 3px 6px 0px rgba(227, 227, 227, 0.47);

			.list-item {
				.left-icon {
					width: 42rpx;
					font-size: 42rpx;
				}

				.icon-right {
					font-size: 28rpx;
				}

				.icon-switch {
					font-size: 70rpx;
					line-height: 48rpx;
					color: #ddd;
				}
			}

			.list-item.b-1px-t:before {
				left: 60rpx;
			}
		}

		.box {
			padding: 0 30rpx;
			margin-top: 16rpx;
			// background-image: url('');
			background-repeat: no-repeat;
			background-size: 100% 40vh;
			// height: 100vh;
			// overflow-y: auto;

			// 用户信息
			.info {
				margin-top: 30rpx;
				display: flex;
				align-items: center;
				margin-bottom: 60rpx;

				.portrait {
					height: 112rpx;
					width: 112rpx;
					border-radius: 50%;
					overflow: hidden;

					image {
						height: 112rpx;
						width: 112rpx;
					}
				}

				.info-b {
					height: 112rpx;
					margin-left: 24rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-evenly;
				}
			}

			// 财务模块
			.finance {
				padding: 42rpx 42rpx 42rpx 50rpx;
				background-color: #fff;
				border-radius: 32rpx;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;

				.item {
					display: flex;
					align-items: center;
					margin-bottom: 66rpx;

					.icon {
						width: 55rpx;
						height: 55rpx;
						border-radius: 50%;
						overflow: hidden;

						image {
							width: 55rpx;
							height: 55rpx;
						}
					}

					.itemInfo {
						margin-left: 12rpx;

						.title {
							color: #333333;
						}

						.des {
							color: #666666;
						}
					}
				}

				.item:nth-child(3) {
					margin-bottom: unset;
				}

				.item:nth-child(4) {
					margin-bottom: unset;
				}
			}

			// 横幅
			.hengfu {
				margin-bottom: 16rpx;
				margin-top: 16rpx;

				image {
					width: 100%;
				}

				.item-child {
					padding: 42rpx 42rpx 42rpx 50rpx;

					.cash-btn {
						padding: 8rpx 16rpx;
					}
				}
			}

			// 其他
			.othre {
				padding: 16rpx 30rpx;
				background-color: #fff;
				border-radius: 32rpx;

				.title {}

				.othreBox {
					margin-top: 48rpx;
					padding: 0 12rpx;
					display: flex;
					flex-wrap: wrap;

					.item {
						display: flex;
						flex-direction: column;
						align-items: center;
						width: 25%;
						margin-bottom: 48rpx;

						button {
							font-size: unset;
							border-radius: unset;
							padding: unset;
							margin: unset;
							color: unset;
							background: unset;
							display: flex;
							flex-direction: column;
							align-items: center;
							line-height: unset;
						}

						.icon {
							width: 50rpx;
							height: 50rpx;
							overflow: hidden;
							margin-bottom: 18rpx;

							image {
								width: 50rpx;
								height: 50rpx;
							}
						}

						.title {}
					}
				}

				.detailed {
					padding: 22rpx 0;

					.item {
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 30rpx 40rpx;

						.left {
							.icon {
								width: 30rpx;
								height: 32rpx;
								margin-right: 17rpx;

								image {
									width: 30rpx;
									height: 32rpx;
								}
							}

							.title {
								color: #333333;
							}
						}

						.right {
							image {
								width: 13rpx;
								height: 24rpx;
							}
						}
					}
				}
			}
		}
	}

	.saveBtn {
		height: 50px;
		background: linear-gradient(68deg, #1eb481, #9ade97);
		width: 165rpx;
		padding: 0 10rpx;
		border-radius: 20rpx;
		color: #fff;
		font-size: 32rpx;
		line-height: 50px;
		text-align: center;
	}
</style>